<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // map es6新增的数据结构
    // 与对象类似
    // 与对象的区别 普通对象key值只能是字符串和number
    // map的key值可以任意 对象 布尔 函数
    // 有size属性 数据长度

    var map = new Map([
      ['name', '张三'],
      ['age', 18],
      [true, '真'],
      [{ sex: 1 }, '男']
    ])
    console.log(map)
    // forEach 循环map
    map.forEach((value, key) => {
      console.log(key, value)
    })
    // map 非常适合用for of遍历
    for (let [k, v] of map) {
      console.log(k, v)
    }
    // 获取map中的值 get  
    console.log(map.get("age"))
    //给map添加数据 set
    map.set("anhao", "沙雕")
    console.log(map)
    // 删除map中的数据 delete
    map.delete("name")
    console.log(map)
    // 判断是否含有has()
    console.log(map.has("anhao"))
    // clear 清空map数据
    map.clear()
    console.log(map)
  </script>
</body>

</html>